*{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;}
/*头部*/
body{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.banner{
	flex: 1;
	height: 620px;
	background: url(../img/banner01.jpg)no-repeat;
}
.banner .header{
	height: 60px;
	display: flex;
	justify-content: space-around;
}
.banner .header .center{margin-top: 30px;}
.banner .header .center ul{
	width: 700px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-size: 14px;
}
.banner .header .center ul:before{
	content: "今目标";
	font-size: 30px;
	color: white;
}
.banner .header .center{
	display: flex;
	align-items: flex-end;
	flex: 6;
}
.banner .header .right{
	display: flex;
	align-items: flex-end;
	flex: 1;
	
}
.banner .header .center ul li:nth-child(3) p{
	display: inline-block;
	width: 30px;
	height: 15px;
	background: #ff7f45;
	font-size: 12px;
	position: absolute;
	top: -65px;
	left: 303px;
}
.banner .header .center ul li:nth-child(3) span{
	display: block;
	position: absolute;
	border-top: 5px solid #ff7f45;
	border-right: 5px solid #01222b;
	border-bottom: 5px solid #01222b;
	top: 30px;
	left: 303px;
}
.banner .header .center ul li a{color: white;}
.banner .header .center ul li a:hover{color: #2299ee;}
.banner .header .right button{
	width: 60px;
	height: 25px;
	font-size: 12px;
	margin-top: 25px;
	margin-left: 10px;
	background: none;
	border: 1px solid white;
	color: white;
	cursor: pointer;
}
.banner .header .right button:hover{background: #2299ee;}
.banner p{
	font-weight: 500;
	font-size: 60px;
	text-align: center;
	color: white;
	margin-top: 80px;
}
.banner .content{
	margin-top: 100px;
	display: flex;
	justify-content: center;

}
.banner .content input:nth-of-type(1){
	width: 430px;
	height: 45px;
	border: none;
}
.banner .content input:nth-of-type(2){
	width: 140px;
	height: 45px;
	background: #2299ee;
	border: none;
	margin-left: 10px;
	cursor: pointer;
}
/*第三部分*/
.jr3{
	height: 750px;
	width: 100%;
}
.jr3 .da{
	font-weight: 600px;
	font-size: 40px;
	text-align: center;
	margin: 55px 0;
}
.jr3 .box{
	margin: 0 auto;
	width: 1200px;
	height: 520px;
}
.jr3 .box ul li{
	float: left;
	width: 398px;
	height: 250px;
	cursor: pointer;
}
.jr3 .box ul li:hover{background: #fafafa;}
.jr3 .box ul li a{
	display: inline-block;
	width: 78px;
	height: 68px;
	margin:0 160px;
	background: url(../img/icon-index.png)no-repeat;
}
.jr3 .box ul li:nth-child(1) a{background-position: 12px -206px;}
.jr3 .box ul li:nth-child(2) a{background-position: -76px -206px;}
.jr3 .box ul li:nth-child(3) a{background-position: -160px -206px;}
.jr3 .box ul li:nth-child(4) a{background-position: -244px -206px;}
.jr3 .box ul li:nth-child(5) a{background-position: -328px -206px;}
.jr3 .box ul li:nth-child(6) a{background-position: -414px -206px;}
.jr3 .box ul li p{
	text-align: center;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
.jr3 .box ul li p:nth-of-type(1){
	font-size: 18px;
	color: black;
	margin-top: 30px;
}
/*第四部分*/
.jr4{
	height: 870px;
	width: 100%;
	background: #f7f7f7;
}
.jr4 .daa{
	font-weight: 600px;
	font-size: 40px;
	text-align: center;
	margin: 100px 0;
}
.jr4 .box{
	width: 1200px;
	height: 640px;
	margin: 0 auto;
}
.jr4 .box .left{
	width: 840px;
	height: 640px;
	float: left;
}
.jr4 .box .right{
	width: 300px;
	height: 280px;
	float: right;
}
.jr4 .box .right ul li{
	float: left;
	width: 100px;
	height: 140px;
	position: relative;
}
.jr4 .box .right ul li p{
	font-size: 12px;
	color: #666666;
	margin-left: 45px;
	margin-top: 110px;
}
.jr4 .box .right ul li a{
	display: inline-block;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url(../img/icon-index.png)no-repeat;
}
.jr4 .box .right ul li:nth-child(1) a:hover{background-position: 3px -373px;}
.jr4 .box .right ul li:nth-child(2) a:hover{background-position: -81px -373px;}
.jr4 .box .right ul li:nth-child(3) a:hover{background-position: -165px -373px;}
.jr4 .box .right ul li:nth-child(4) a:hover{background-position: -249px -373px;}
.jr4 .box .right ul li:nth-child(5) a:hover{background-position: -333px -373px;}
.jr4 .box .right ul li:nth-child(6) a:hover{background-position: -417px -373px;}
.jr4 .box .right ul li:nth-child(1) a{background-position: 3px -290px;}
.jr4 .box .right ul li:nth-child(2) a{background-position: -81px -290px;}
.jr4 .box .right ul li:nth-child(3) a{background-position: -165px -290px;}
.jr4 .box .right ul li:nth-child(4) a{background-position: -249px -290px;}
.jr4 .box .right ul li:nth-child(5) a{background-position: -333px -290px;}
.jr4 .box .right ul li:nth-child(6) a{background-position: -417px -290px;}
/*第五部分*/
.jr5{
	height: 870px;
	width: 100%;
}
.jr5 .daa{
	font-weight: 600px;
	font-size: 40px;
	text-align: center;
	margin: 100px 0;
}
.jr5 .box{
	width: 1200px;
	height: 640px;
	margin: 0 auto;
}
.jr5 .box .right{
	width: 840px;
	height: 640px;
	float: right;
}
.jr5 .box .left{
	width: 300px;
	height: 280px;
	float: left;
}
.jr5 .box .left ul li{
	float: left;
	width: 100px;
	height: 140px;
	position: relative;
}
.jr5 .box .left ul li p{
	font-size: 12px;
	color: #666666;
	margin-left: 35px;
	margin-top: 110px;
}
.jr5 .box .left ul li a{
	display: inline-block;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url(../img/icon-index.png)no-repeat;
}
.jr5 .box .left ul li:nth-child(1) a:hover{background-position: -416px -545px;}
.jr5 .box .left ul li:nth-child(2) a:hover{background-position: -81px -373px;}
.jr5 .box .left ul li:nth-child(3) a:hover{background-position: 3px -545px;}
.jr5 .box .left ul li:nth-child(4) a:hover{background-position: -81px -545px;}
.jr5 .box .left ul li:nth-child(5) a:hover{background-position: -168px -373px;}
.jr5 .box .left ul li:nth-child(6) a:hover{background-position: -250px -545px;}
.jr5 .box .left ul li:nth-child(1) a{background-position: -416px -456px;}
.jr5 .box .left ul li:nth-child(2) a{background-position: -81px -290px;}
.jr5 .box .left ul li:nth-child(3) a{background-position: 3px -458px;}
.jr5 .box .left ul li:nth-child(4) a{background-position: -81px -458px;}
.jr5 .box .left ul li:nth-child(5) a{background-position: -168px -458px;}
.jr5 .box .left ul li:nth-child(6) a{background-position: -250px -458px;}
/*第六部分*/
.jr6{
	height: 870px;
	width: 100%;
	background: #f7f7f7;
}
.jr6 .jr61{
	font-weight: 600px;
	font-size: 40px;
	text-align: center;
	margin: 100px 0;
}
.jr6 .box{
	width: 1180px;
	height: 430px;
	margin: 0 auto;
}
.jr6 .box ul li{
	float: left;
}
.jr6 .box ul li a{
	display: inline-block;
	width: 286px;
	height: 200px;
	margin: 4px 4px;
	position: relative;
	overflow: hidden;
}
.jr6 .box ul li:nth-child(1) a{background: url(../img/case01.png)no-repeat;}
.jr6 .box ul li:nth-child(2) a{background: url(../img/case02.png)no-repeat;}
.jr6 .box ul li:nth-child(3) a{background: url(../img/case03.png)no-repeat;}
.jr6 .box ul li:nth-child(4) a{background: url(../img/case04.png)no-repeat;}
.jr6 .box ul li:nth-child(5) a{background: url(../img/case05.png)no-repeat;}
.jr6 .box ul li:nth-child(6) a{background: url(../img/case06.png)no-repeat;}
.jr6 .box ul li:nth-child(7) a{background: url(../img/case07.png)no-repeat;}
.jr6 .box ul li:nth-child(8) a{background: url(../img/case08.png)no-repeat;}
/*变换*/
.jr6 .box ul li a p{
	width: 286px;
	height: 200px;
	overflow: hidden;
	top: 160px;
	position: absolute;
	background: black;
	opacity: 0.6;
	color: white;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	transition:all 0.3s;
}
.jr6 .box ul li a p span{
	margin-top: 10px;
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}
.jr6 .box ul li:hover p{
	top: 0px;
	position: absolute;
	transition:all 0.3s;
}
.jr6 .bottom{
	text-align: center;
	margin-top: 60px;
}
.jr6 .bottom a{
	color: #333333;
	padding: 10px 0;
	display: inline-block;
	width: 178px;
	height: 20px;
	border: 1px solid #cccccc;
	border-radius: 5%;
}
.jr6 .bottom a:hover{background: dodgerblue;color: white;}
/*第七部分*/
.jr7{
	height: 600px;
	width: 100%;
}
.jr7 p{
	font-weight: 600px;
	font-size: 40px;
	text-align: center;
	margin: 100px 0;
}
.jr7 .content{
	width: 996px;
	height: 300px;
	margin: 0 auto;
}
.jr7 .content ul li{
	float: left;
	width: 166px;
	height: 100px;
	position: relative;
}
.jr7 .content ul li a{
	display: block;
	width: 116px;
	height: 76px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/icon-logo2.png)no-repeat;
}
.jr7 .content ul li:nth-child(1) a{background-position: -697px -138px;}
.jr7 .content ul li:nth-child(1) a:hover{background-position: -697px -350px;}
.jr7 .content ul li:nth-child(2) a{background-position: -464px -138px;}
.jr7 .content ul li:nth-child(2) a:hover{background-position: -464px -350px;}
.jr7 .content ul li:nth-child(3) a{background-position: -580px -138px;}
.jr7 .content ul li:nth-child(3) a:hover{background-position: -580px -350px;}
.jr7 .content ul li:nth-child(4) a{background-position: -232px -68px;}
.jr7 .content ul li:nth-child(4) a:hover{background-position: -232px -282px;}
.jr7 .content ul li:nth-child(5) a{background-position: 0 -140px;}
.jr7 .content ul li:nth-child(5) a:hover{background-position: 0 -355px;}
.jr7 .content ul li:nth-child(6) a{background-position: -350px 3px;}
.jr7 .content ul li:nth-child(6) a:hover{background-position: -350px -211px;}
.jr7 .content ul li:nth-child(7) a{background-position: -928px -140px;}
.jr7 .content ul li:nth-child(7) a:hover{background-position: -928px -350px;}
.jr7 .content ul li:nth-child(8) a{background-position: -815px -140px;}
.jr7 .content ul li:nth-child(8) a:hover{background-position: -815px -355px;}
.jr7 .content ul li:nth-child(9) a{background-position: -464px 0;}
.jr7 .content ul li:nth-child(9) a:hover{background-position: -464px -217px;}
.jr7 .content ul li:nth-child(10) a{background-position: -232px 0;}
.jr7 .content ul li:nth-child(10) a:hover{background-position: -232px -217px;}
.jr7 .content ul li:nth-child(11) a{background-position: -1042px -142px;}
.jr7 .content ul li:nth-child(11) a:hover{background-position: -1042px -355px;}
.jr7 .content ul li:nth-child(12) a{background-position: -810px -68px;}
.jr7 .content ul li:nth-child(12) a:hover{background-position: -810px -282px;}
.jr7 .content ul li:nth-child(13) a{background-position: 0 0;}
.jr7 .content ul li:nth-child(13) a:hover{background-position: 0 -212px;}
.jr7 .content ul li:nth-child(14) a{background-position: -705px 4px;}
.jr7 .content ul li:nth-child(14) a:hover{background-position: -705px -210px;}
.jr7 .content ul li:nth-child(15) a{background-position: -118px 0;}
.jr7 .content ul li:nth-child(15) a:hover{background-position: -118px -212px;}
.jr7 .content ul li:nth-child(16) a{background-position: -1045px -70px;}
.jr7 .content ul li:nth-child(16) a:hover{background-position: -1045px -280px;}
.jr7 .content ul li:nth-child(17) a{background-position: -347px -139px;}
.jr7 .content ul li:nth-child(17) a:hover{background-position: -347px -352px;}
.jr7 .content ul li:nth-child(18) a{background-position: -232px -140px;}
.jr7 .content ul li:nth-child(18) a:hover{background-position: -232px -352px;}
/*第8部分*/
.jr8{
	height: 495px;
	width: 100%;
	background: #f7f7f7;
}
.jr8 .da{
	font-weight: 600px;
	font-size: 40px;
	text-align: center;
	margin: 100px 0;
}
.jr8 .content{
	width: 1000px;
	height: 200px;
	margin: 0 auto;
}
.jr8 .content ul li{
	float: left;
	width: 200px;
	height: 200px;
	position: relative;
}
.jr8 .content ul li a{
	display: block;
	width: 58px;
	height: 58px;
	position:absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/icon-index.png)no-repeat;
	color: #333333;
}
.jr8 .content ul li a:hover{color: #13a5f2;}
.jr8 .content ul li:nth-child(1) a{background-position: -20px -642px;}
.jr8 .content ul li:nth-child(1) a:hover{background-position: -20px -742px;}
.jr8 .content ul li:nth-child(2) a{background-position: -140px -642px;}
.jr8 .content ul li:nth-child(2) a:hover{background-position: -140px -742px;}
.jr8 .content ul li:nth-child(3) img{
	width: 142px;
	height: 142px;
	margin: 10px 20px;
}
.jr8 .content ul li:nth-child(4) a{background-position: -260px -642px;}
.jr8 .content ul li:nth-child(4) a:hover{background-position: -260px -742px;}
.jr8 .content ul li:nth-child(5) a{background-position: -372px -642px;}
.jr8 .content ul li:nth-child(5) a:hover{background-position: -372px -742px;}
.jr8 .content ul li a p{
	margin-top: 65px;
	margin-left: 2px;
}
.jr8 .content ul li:nth-child(3) p{
	margin-top: -6px;
	margin-left: -16px;
	text-align: center;
	font-size: 14px;
}
/*第9部分*/
.jr9{
	height: 290px;
	width: 100%;
}
.jr9 .content{
	width: 1000px;
	height: 290px;
	margin: 0 auto;
}
.jr9 .content ul{
	width: 1000px;
	height: 140px;
	padding: 75px 0;
}
.jr9 .content ul li{
	float: left;
	width: 225px;
	height: 140px;
	position: relative;
}
.jr9 .content ul li a{
	display: block;
	width: 70px;
	height: 70px;
	position:absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/icon-index.png)no-repeat;
	color: #333333;
}
.jr9 .content ul li:nth-child(1) a{background-position: 4px -918px;}
.jr9 .content ul li:nth-child(1) a:hover{background-position: 4px -1000px;}
.jr9 .content ul li:nth-child(2) a{background-position: -80px -918px;}
.jr9 .content ul li:nth-child(2) a:hover{background-position: -80px -1000px;}
.jr9 .content ul li:nth-child(3) a{background-position: -161px -918px;}
.jr9 .content ul li:nth-child(3) a:hover{background-position: -161px -1000px;}
.jr9 .content ul li:nth-child(4) a{background-position: -245px -918px;}
.jr9 .content ul li:nth-child(4) a:hover{background-position: -245px -1000px;}
.jr9 .content ul li a p{
	margin-left: -68px;
	width: 200px;
	text-align: center;
}
.jr9 .content ul li a p:nth-child(1){
	color: #333333;
	margin-top: 88px;
}
.jr9 .content ul li a p:nth-child(2){
	font-size: 12px;
	color: #999999;
	line-height: 30px;
}
/*第10部分*/
.jr10{
	height: 371px;
	width: 100%;
	background: url(../img/index-bottombg.png)no-repeat center;
}
.jr10 p{
	font-size: 40px;
	text-align: center;
	color: white;
	margin-top: 120px;
}
.jr10 a{
	display: block;
	width: 200px;
	height: 30px;
	border: 2px solid white;
	border-radius: 4%;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: white;
	padding: 10px 0;
	margin-top: 40px;
}
.jr10 a:hover{background: rgba(255,255,255,0.1);}
.weibu{
	height: 365px;
	width: 100%;
	background: #2d2e2e;
}
.weibu .content{
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	padding: 60px 0;
}
.weibu .content dl{
	float: left;
	width: 200px;
	font-size: 12px;
	line-height: 35px;
	color: white;
}
.weibu .content dl dt{
	color:white;
	font-size: 14px;
}
.weibu .content dl dd a{
	color: #777777;
}
.weibu .content dl:nth-child(5) dd:nth-child(4) a{
	font-size: 16px;
}
.weibu .content dl:nth-child(5) dd:nth-child(4) i{
	border: 2px solid #777777;
	border-radius: 50%;
	margin-right: 5px;
	font-size: 25px;
}
.weibu .content dl dd a:hover{color: white;}
.weibu .content dl:nth-child(5) dd:nth-child(4) a:hover i{border: 2px solid white;}
.weibu p{
	text-align: center;
	font-size: 12px;
	color:#777777;
}
.weibu .content dl:nth-child(2) dd i{font-size: 12px;}
.weibu .content dl:nth-child(5) dd{position: relative;}
.weibu .content dl:nth-child(5) dd:nth-child(4)  span{
	display: block;
	width: 150px;
	height: 200px;
	background:white url(../img/downQRcode.jpg) no-repeat;
	position: absolute;
	left:-63px;
	top: -228px;
	display: none;
}
.weibu .content dl:nth-child(5) dd:nth-child(4):hover  span{display: block;}
.weibu .content dl:nth-child(5) dd:nth-child(4) span h3{
	font-weight: normal;
	text-align: center;
	margin-top: 150px;
	color: black;
}
.weibu .content dl:nth-child(5) dd:nth-child(4) span h6{
	font-weight: normal;
	text-align: center;
	color: #adb4ba;
	background: white;
}
.weibu .content dl:nth-child(5) dd:nth-child(4) span i{
	display: block;
	position: absolute;
	border-top: 10px solid white;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	top: 217px;
	left:65px;
}
/*定位*/
.dingwei{
	width: 76px;
	height: 228px;
	position: fixed;
	bottom: 50px;
	right: 0;
	background: red;
}
.dingwei ul li a{
	display: block;
	width: 76px;
	height: 76px;
	background: url(../img/right-fixbg.png)no-repeat;
}
.dingwei ul li:nth-child(1) a{background-position: 0 0;}
.dingwei ul li:nth-child(1) a:hover{background-position: -76px 0;}
.dingwei ul li:nth-child(2) a{background-position: 0 -76px;}
.dingwei ul li:nth-child(2) a:hover{background-position: -76px -76px;}
.dingwei ul li:nth-child(3) a{background-position: 0 -152px;}
.dingwei ul li:nth-child(3) a:hover{background-position: -76px -152px;}
.dingwei ul li{position: relative;}
.dingwei ul li span{
	display: block;
	width: 150px;
	height: 200px;
	background:white url(../img/downQRcode.jpg) no-repeat;
	position: absolute;
	left:-160px;
	top: -80px;
	display: none;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	animation:move 1s  linear 1;
}
.dingwei ul li span h4{
	font-weight: normal;
	text-align: center;
	margin-top: 150px;
}
.dingwei ul li span h6{
	font-weight: normal;
	text-align: center;
	color: #adb4ba;
}
.dingwei ul li span i{
	display: block;
	position: absolute;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid white;
	top: 110px;
	left:150px;
}
.dingwei ul li:nth-child(2):hover span{
	display: block;
	}
@keyframes move{
	/*可以是from to 也可以是百分比*/
	0%{left: -200px;}
	100%{left:-160px;
}

